<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>领卡</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__STATIC_URL__/static/mobile/css/weui.css" />

    <script src="__STATIC_URL__/static/mobile/js/weui.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
body{
    background: #EBEBEB;
}
.weui-cells {
    margin-top: 6px;

}
.weui-cell_access .weui-cell__ft:after {
    border:none;
}
.button-box{
        margin-top: 50px;
        padding: 50px 50px 20px 50px;;
    }
    .content{
        padding: 20px;
    }
</style>
<body>

    <div class="container" id="container">
        <div class="page badge js_show">
            <div class="page__bd">
                <div class="weui-cells">
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">即将开通</div>
                        <div class="weui-cell__ft" style="font-size: 0">
                            <span style="vertical-align:middle; font-size: 17px;">微信会员</span>
                        </div>
                    </div>
                </div>
                <div class="weui-cells">
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">有效期</div>
                        <div class="weui-cell__ft" style="font-size: 0">
                            <span style="vertical-align:middle; font-size: 17px;">永久有效</span>
                        </div>
                    </div>
                </div>
                <div class="weui-cells">
                    <div class="weui-cell weui-cell_access">
                        <div class="weui-cell__bd">应付金额</div>
                        <div class="weui-cell__ft" style="font-size: 0">
                            <span style="vertical-align:middle; font-size: 17px;font-weight: 500; color: #ef0000;">￥80.00元</span>
                        </div>
                    </div>
                </div>

                <div class="button-box">
                    <a class="weui-btn weui-btn_primary" href="" >立即购买</a>
                </div>
                <div class="content">
                    <p style="font-weight: bold;font-size: 14px;"> 提示：</p>
                    <div style="color: #525252;">80元开卡，截止6月30日期内啤酒免费畅饮！
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<script src="__STATIC_URL__/static/js/jquery-2.1.4.min.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript">

</script>
</html>